<template>
  <view class="customer-service-containter">
    <u-image
      width="100%"
      height="300rpx"
      src="../../static/kefu_bg.png"
    ></u-image>
    <view class="menu-container">
      <u-cell-group :border="false">
        <!-- <u-cell-item
          @click="heandleClickCell"
          index="1"
          title="在线客服"
          label="在线客服实时与你沟通（周一至周五9:00-18:00）"
        ></u-cell-item> -->
        <u-cell-item
          title="客服热线"
          :value="'点击复制(' + tel + ')'"
          @click="onCopy"
          :arrow="false"
        ></u-cell-item>
        <!-- <u-cell-item
          @click="heandleClickCell"
          index="3"
          title="投诉热线"
        ></u-cell-item> -->
      </u-cell-group>
    </view>
  </view>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return {
      phone: '',
    };
  },
  computed: {
    ...mapState("Public", ["tel"]),
  },
  methods: {
    heandleClickCell() {},
    onCopy() {
      uni.setClipboardData({
        data: this.tel,
        success: function () {
          uni.showToast({
            title: "复制成功！",
          });
        },
      });
    },
  },
};
</script>

<style></style>
